﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="pragma" content="no-cach" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="X-UA-Compatible" content="edge" />
    <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="images/logo.jpg">
    <link rel="icon" href="images/logo.jpg" sizes="16x16 32x32">
    <title>会员注册</title>
    <style type="text/css"> 
.qiang{background:url(images/pass4.jpg) no-repeat;width:115px;height:36px; background-position:center center;} 
.zhong{background:url(images/pass3.jpg) no-repeat;width:115px;height:36px;  background-position:center center;} 
.ruo{background:url(images/pass2.jpg) no-repeat;width:115px;height:36px;  background-position:center center;} 
.ruox{background:url(images/pass1.jpg) no-repeat;width:115px;height:36px; background-position:center center;}
#div2{ width:35%; height:36px; line-height:36px; vertical-align:middle; text-align:center; }  
#passstrength{ height:36px; text-align:center; }

</style> 
 <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
 <script src="js/mimaqingdu.js" type="text/javascript"></script>
    <link href="css/public.css" rel="stylesheet" />
    <link href="css/huiyuanzhongxin_huiyuanzhuce.css" rel="stylesheet" />
    <link href="css/index.css" rel="stylesheet"/>
    <script type="text/javascript" src="js/jquery.1.8.2.js"></script>

</head>
<body>
    <div class="all">
        <div class="head">
            <div class="top">
                <div class="topmid">
                    <div class="hotline">客服热线：020-88939668 </div>
                    <a class="weibo"></a>
                    <a class="wechat"></a>
                    <ul>
                        <li>
                            <a href="">帮助中心</a>
                        </li>
                        <li class="line">|</li>
                        <li>
                            <a href="index.html">首页</a>
                        </li>
                        <li class="line">|</li>
                        <li>
                            <a href="">加入收藏</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="top-n">
                <div class="top-nbg">
                    <div class="top-nbgl"></div>
                    <div class="top-nbgr"></div>
                </div>
                <div class="logo-show">
                    <div class="logo-left">
                        <img src="images/logo.png" />
                        <div class="web-name">
                            <p>智慧物流领导者</p>
                            <p>金融物流权威平台</p>
                        </div>
                    </div>
                    <div class="nav">
                        <ul>
                            <li class="on">
                                <a href="index.html">首页</a>
                                
                            </li>
                            <li>
                                <a href="login.html">注册/登陆</a>
                            </li>
                            <li>
                                <a href="#">在线加油卡</a>
                                <ul>
                                    <li><a href="youkajianjie.html">油卡简介</a></li>
                                    <li><a href="huiyuanzhuce.html">会员注册</a></li>
                                    <li><a href="shenqingyouka.html">油卡申请</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#">会员中心</a>
                                <ul>
                                    <li><a href="huiyuanxiangqing.html">会员详情</a></li>
                                    <li><a href="huiyuangerenzhongxin.html">个人中心</a></li>
                                    <li><a href="huiyuanzhongxin_huiyuanzhuce.html">会员申请</a></li>
                                    <li><a href="huiyuanzhongxin_jifenshangcheng.html">积分商城</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#">产品服务</a>
                                <ul>
                                    <li><a href="ps-message.html">物流信息交易</a></li>
                                    <li><a href="ps-safety.html">安全生产标准</a></li>
                                    <li><a href="ps-logistics.html">物流信息化</a></li>
                                    <li><a href="ps-accesscard.html">通行卡管理</a></li>
                                    <li><a href="ps-oilmanage.html">燃油管理</a></li>
                                    <li><a href="ps-tarinsurance.html">车险代办</a></li>
                                    <li><a href="ps-trainoperation.html">车务代办</a></li>
                                    <li><a href="ps-legalaid.html">法律帮助</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#">平台APP下载</a>
                            </li>
                        </ul>
                    </div>

                    <div class="clear"></div>
                </div>
            </div>
        </div>
       <div class="zaixian">
             <img src="images/huiyuanzhuce_bane.png" class="zaixian_phto"/>
       </div>
       <div class="zaixian_middle">
       		
            <div class="zaixian_content">
            	
                <div class="content_left">
                
                    <div class="zhucexinxi">
                    <p class="huiyuanzhongxin">会员中心</p>
                    <img src="images/zhuce_bane.png" class="zhuce"/>
                    	<ul>
                    		<li class="zhucexinxi_li"><span class="wid3">注册信息</span><span class="wid6">手机验证</span><span class="wid7">交易账户</span></li>
                            <li><span class="wid3">登录名:</span><span class="wid4"><input type="text" class="zhuce_inp"/></span><span class="cl_b6b6b6 wid5 "><i class="cl_F00">*</i>6-20个字符只能包含数字/字母</span></li>
                            <li><span class="wid3">登录密码:</span><span class="wid4"><input type="password" name="pass" id="pass" class="zhuce_inp" /></span><span class="cl_b6b6b6 wid5"><i class="cl_F00">*</i>只能包含数字、字母及特殊符号</span></li>
                            <li><span class="wid3">密码强度:</span><span id="div2" ><span id="passstrength"></span></span><span class="wid5"></span></li>
                            <li><span class="wid3">确认密码:</span><span class="wid4"><input type="text" class="zhuce_inp"/></span><span class="cl_b6b6b6 wid5"><i class="cl_F00">*</i>前后两次输入密码一致</span></li>
                            <li><span class="wid3">验证密码:</span><span class="wid4"><input type="text" class="zhuce_inp"/></span><span class="wid5"><img src="images/yanzhengma.png"></span></li>
                    	</ul>
                        <div class="tongyizhuce"><input type="checkbox"  class="tongyizhuce1" checked="checked"/>同意注册协议（请仔细阅读条款）<span>已有账号？登录</span></div>
                        <div class="zhuce_button">注册</div>
                    </div>
                    
                   
                </div>
                
                <div class="content_right">
                	<p>最新充值</p>
                    <ul class="zuixinchongzhi">
                    	<li><span>张<i>**</i></span><span><i>注册会员</i></span><span><i>6</i>小时</span></li>
                        <li><span>张<i>**</i></span><span><i>注册会员</i></span><span><i>6</i>小时</span></li>
                        <li><span>张<i>**</i></span><span><i>注册会员</i></span><span><i>6</i>小时</span></li>
                    </ul>
                    <p>最新兑换</p>
                    <ul class="zuixinduihuan">
                    	<li>
                        <img src="images/newsimg2.png" class="zuixinduihuan_left"/>
                        <div class="zuixinduihuan_right">
                        	<p><span class="span_left">晴天**</span><span class="span_right">6小时前</span></p>
                            <p>兑换了<i>油卡充值</i></p>
                        </div>
                        </li>
                      	<li>
                        <img src="images/newsimg1.png" class="zuixinduihuan_left" style="height:50px;"/>
                        <div class="zuixinduihuan_right">
                        	<p><span class="span_left">晴天**</span><span class="span_right">6小时前</span></p>
                            <p>兑换了<i>油卡充值</i></p>
                        </div>
                        </li>
                        <li>
                        <img src="images/caseimg1.png" class="zuixinduihuan_left" style="height:50px;"/>
                        <div class="zuixinduihuan_right">
                        	<p><span class="span_left">晴天**</span><span class="span_right">6小时前</span></p>
                            <p>兑换了<i>油卡充值</i></p>
                        </div>
                        </li>
                    </ul>
                </div>
                
            </div>
       </div>
        
        <div class="botm">
           <div class="botmwrap">
               <div class="contact_l">
                   <div class="contor">
                       <p>联系人*</p>
                       <input type="text" />
                   </div>
                   <div class="contor">
                       <p>联系电话*</p>
                       <input type="text"/>
                   </div>
                   <div class="valid">
                       <p>验证码*</p>
                       <input type="text" />
                       <img src="images/valid.png" height="30" width="100%"/>
                   </div>
                   <div class="fankui">
                       <p>反馈内容*</p>
                       <textarea></textarea>
                   </div>
                   <button class="tijiao" >提交</button>

               </div>
               <div class="contact_r">
                   <p class="contact_rtitle">联系我们</p>
                   <p>	
                   	   <img src="images/ico/lianxidianhua.png">
                       <span class="r">客服电话:</span>
                       <span>333-666-777</span>
                   </p>
                   <p>
                   		<img src="images/ico/message.png">
                       <span class="r">客服邮箱:</span>
                       <span>info@example.com</span>
                   </p>
                   <p>
                   		<img src="images/ico/title2.png">
                       <span class="r">在线咨询：</span>
                       <span>QQ：350426111</span>
                   </p>
                   <p>
                   	<img src="images/ico/title3.png">
                       <span class="r">上班时间：</span>
                       <span>周一至周五 8:30~18:00</span>
                   </p>
                   <p>
                   		<img src="images/ico/local.png">
                       <span class="r">详细地址：</span>
                       <span class="adr">福建省福州市
                 鼓楼区六一路286号
                 金辉大厦1102</span>
                   </p>
               </div>
               <div class="lin">
                   <ul>
                       <li>
                           <i class="about"></i>
                           <p>关于我们</p>
                       </li>
                       <li>
                           <i class="xin"></i>
                           <p>给他的信</p>
                       </li>
                       <li>
                           <i class="work"></i>
                           <p>工作机会</p>
                       </li>
                       <li>
                           <i class="activ"></i>
                           <p>平台活动</p>
                       </li>
                       <li>
                           <i class="case1"></i>
                           <p>服务案例</p>
                       </li>
                       <li>
                           <i class="help"></i>
                           <p>帮助中心</p>
                       </li>
                   </ul>
               </div>
           </div>
        </div>
        <div class="foot">copyright@AllRight Reserved.易路通有限公司ICP证：闽ICP备15026815号-1</div>
    </div>
    <script>
        $(document).ready(function () {
            $('.loginregister').css("left", ($(window).width() - 1200) / 2);
            $('.logo-show').css("left", ($(window).width() - 1200) / 2);
        })
    </script>
</body>
</html>
